<!--申明了一个标准的html5文档类型-->
<!DOCTYPE html>
<!--申明这个文档是一个中文简体语言的文本 在一些非这类语言的机器上 浏览器可识别 -->
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <title>less than better</title>
    <link rel="shortcut icon" href="../../images/logo.ico">
    <link href="../../lib/bootstrap/css/bootstrap.css" rel="stylesheet">
    <!--兼容邪恶的IE，支持媒体查询-->
    <!--[if lte IE 6]>
    <script src="../../lib/html5shiv/html5shiv.min.js"></script>
    <script src="../../lib/respond/respond.js"></script>
    <![endif]-->
    <!--自己的css-->
    <link rel="stylesheet" href="../../css/index.css">
</head>
<body>


<header>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12 text-center" style="background: black;color: white;">
                <h1>HTML笔记大全</h1>
            </div>
        </div>
    </div>
</header>

<section>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-2 col-xs-4 text-center">
                <div class="row">
                    <ul class="nav nav-pills nav-stacked" role="tablist">
                        <li role="presentation" class="active">
                            <a href="#shortCut" aria-controls="home" role="tab" data-toggle="tab">
                                shortcut
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">
                                remember
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">
                                Messages
                            </a>
                        </li>
                        <li role="presentation">
                            <a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">
                                Settings
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="col-md-10 col-xs-8 text-center" style="background: pink">
                <div class="row">
                    <div class="tab-content">
                        <div role="tabpanel" class="tab-pane active" id="shortCut">
                            <dl class="dl-horizontal text-left">
                                <dt >WIN+数字键</dt>
                                <dd >快速打开第n个程序</dd>
                                <dt>WIN+D</dt>
                                <dd >快速显示桌面</dd>
                                <dt>WIN+R</dt>
                                <dd >快速运行，打开软件</dd>
                                <dt>WIN+E</dt>
                                <dd >打开资源管理器</dd>
                                <dt>WIN+方向键</dt>
                                <dd >快速显示桌面</dd>
                                <dt>WIN+L</dt>
                                <dd >锁屏</dd>
                                <dt>ctrl+alt+del</dt>
                                <dd >打开资源管理器</dd>
                                <dt>ctrl+shift+esc</dt>
                                <dd >打开任务管理器</dd>
                                <dt>alt+f4</dt>
                                <dd>快速关闭当前项目</dd>
                                <dt>alt+tab</dt>
                                <dd >在项目中切换</dd>
                                <dt>alt+上</dt>
                                <dd >返回上级目录</dd>
                            </dl>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="profile">
                            <dl class="dl-horizontal text-left">
                                <dt >易遗忘的标签</dt>
                                <dd >strong:强调;ins:下划线;em:强调;del:删除;（b,u,i,s）</dd>
                                <dt>a</dt>
                                <dd >base中target属性:_blank;是全局标签 a中target属性值:_self,_blank</dd>
                                <dt>meta</dt>
                                <dd >name:description/keywords;content:描述当前属性内容;</dd>
                                <dt>table</dt>
                                <dd >border,height,width,callspacing(单元格之间的空白),cellpadding(单元格边与内容的空白)</dd>
                                <dt>table下的标签：</dt>
                                <dd >th,caption,thead,tbody,tfoot</dd>
                                <dt >select中嵌套option</dt>
                                <dd >可选择的下拉框</dd>
                                <dt>特殊字符</dt>
                                <dd >
                                    spase：nbsp;&lt:lt;&gt:gt;&amp:amp;&yen:yen;&copy:copy;&reg:reg;
                                    &deg:deg;&plusmn:plusmn;
                                </dd>
                            </dl>
                        </div>
                        <div role="tabpanel" class="tab-pane" id="messages">789</div>
                        <div role="tabpanel" class="tab-pane" id="settings">678</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<footer style="position: fixed;bottom: 0;left: 0; width: 100%;">
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-12" style="background: yellow;height: 50px;">
                <div class="row">

                </div>
            </div>
        </div>
    </div>
</footer>


<script src="../../js/consolelog.js"></script>
<script src="../../lib/underscore/underscore-min.js"></script>
<script src="../../lib/underscore/template.js"></script>
<script src="../../lib/jquery/jquery.js"></script>
<script src="../../lib/bootstrap/js/bootstrap.js"></script>
<script src="../../js/index.js"></script>
</body>
</html>











